<template>
               <div class="navgiter">
                 <ul>
                    <li><router-link :to="{name:'个人资料'}">个人资料</router-link></li>
                    <li><router-link to="/Account">账号设置</router-link></li>
                    <li><a href="">隐私设置</a></li>
                    <li><a href="">信息认证</a></li>
                    <li><a href="">我的收藏</a></li>
                    <li><a href="">浏览历史</a></li>
                    <li>
                        <a href="/creationCenter.html#/ContentMag" style="display: flex;padding-left: 68px">
                        内容管理
                        <img src="@/assets/icon/chevron-right.svg"style="margin-left: 30px; width: 10px">
                      </a>
                    </li>
                    <li><a href="">学习计划管理</a></li>
                 </ul>

              </div> 
</template>

<script>
export default {
    name:"Navigater",
}
</script>

<style>
.navgiter{
    width: 190px;
    height: 600px;
    /* background-color: red; */
    float: right;
    font-size: small;
  }
  .navgiter ul{
    width: 190px;
    height: 100%;
    display: flex;
    list-style-type: none;
    flex-direction: column;
  }
  .navgiter ul li{
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
  }
  .navgiter ul a{
    display: block;
    width: 100%;
    height: 48px;
    text-decoration: none;
    color: black;
  }
.navgiter ul a:hover{
  color: #409eff;
}

</style>